/*
* @Author: asus
* @Date:   2017-05-16 21:23:04
* @Last Modified by:   asus
* @Last Modified time: 2017-05-31 11:12:09
*/

'use strict';
require(["jquery-1.11.3","sasaPublic"],function(){
	$(function(){
		// //如果用户登录成功，登录注册信息将改成用户名
		// var _users = getCookie("registerUsers") ? getCookie("registerUsers") : "";
		// if(_users) {
		// 	$(".header_l").html("您好！"+_usename+"<span style='color:orange'>0积分</span><a href = 'javascript:;' id='out' style='color:#ec3d7c'>");
		// }
		//关闭广告banner
		$('<div class="close_banner"><a href="html/sasaDetail.html" target="_blank"><img src="images/close_banner.jpg"></a><div class="close_btn">×</div></div>')
		.insertBefore(".header")
		.css('height', '0')
		.animate({"height":90}, 1000);
		$(".close_btn").click(function(){
			$(".close_banner").css('display', 'none');
		});
		//楼梯效果
		$("#left ul li").each(function(index, el) {
			$(this).hover(function() {
				//鼠标滑上去
				$(this).css({
					"background": '#fa3778',
					"color": '#fff'
				});
			}, function() {
				//鼠标移开
				$(this).css({
					"background": '#fff',
					"color": '#aaa'
				});
			
			});
		});
		 //屏幕滚动到相应的楼层显示
		$(window).scroll(function() {
			if ($(document).scrollTop() >= 760 && $(document).scrollTop() <= 6200){ 
				$("#left").fadeIn(); //淡入 导航慢慢显示出来
				if($(document).scrollTop() >= 760&& $(document).scrollTop()<1940){
					$("#left li").eq(0).css({
						"background": '#fa3778',
						"color": '#fff'
					});
					$("#left li").eq(0).siblings().css({
					"background": '#fff',
					"color": '#aaa'
					});
				}else if ($(document).scrollTop() >= 1940&& $(document).scrollTop()<5570) {
					$("#left li").eq(1).css({
						"background": '#fa3778',
						"color": '#fff'
					});
					$("#left li").eq(1).siblings().css({
					"background": '#fff',
					"color": '#aaa'
					});
				}else if($(document).scrollTop() >= 5570&& $(document).scrollTop()<6200){
					$("#left li").eq(3).css({
						"background": '#fa3778',
						"color": '#fff'
					});
					$("#left li").eq(3).siblings().css({
					"background": '#fff',
					"color": '#aaa'
					});
				}
				//鼠标点击跳转到相应楼层
				$("#left li").eq(0).click(function(event) {
					$(document).scrollTop(790);
					$(".bikan").scrollTop();
				});
				$("#left li").eq(1).click(function(event) {
					$(document).scrollTop(1980);
					$(".temai").scrollTop();
				});
				$("#left li").eq(2).click(function(event) {
					$(document).scrollTop(0);
					// $(".bikan").scrollTop();
				});
				$("#left li").eq(3).click(function(event) {
					$(document).scrollTop(5590);
					$(".sale").scrollTop();
				});
			} else {
				$("#left").fadeOut(); //淡出 导航慢慢消失
			}
		});
		//轮播图
		lunbo();
		function lunbo(){
			$(".banner").append('<p class="bannerP"></p>');
			for(var i = 0; i < $(".banner li").length; i ++){
				$(".bannerP").append("<span>"+ (i+1)+"</span>");
			}
			var $uli = $(".banner li");
			var $span = $(".banner span");
			$uli.addClass("hide");
			$uli.eq(0).removeClass().addClass("show");
			$span.addClass("normal");
			$span.eq(0).removeClass().addClass("hover");
			$span.mouseover(function(){	
				var $index = $(this).index();
				$(this).removeClass().addClass("hover").siblings().removeClass().addClass("normal");
				$uli.eq($index).removeClass().addClass("show").siblings().removeClass().addClass("hide");
			});
		};
		
		// 定时器开始 
	    var timer = null;
	    var index = 0;
	    timer = setInterval(autoplay,2000);  // 开启定时器
	    function autoplay() {
	    	console.log(index)
	        // console.log($(".banner li").eq(index));
	        // console.log($(".banner span").eq(index));
	    	$(".banner li").eq(index).removeClass().addClass('show');
	    	$(".banner li").eq(index).siblings().removeClass().addClass('hide');
	    	$(".banner span").eq(index).removeClass().addClass('hover');
	     	$(".banner span").eq(index).siblings().removeClass().addClass('normal');
	     	index ++;
	     	if(index>9){
	       		index = 0;
	        }
	        
	    }
	    //鼠标经过清除定时器
		$(".banner li").mouseenter(function(){
			clearInterval(timer);
		});	
		$(".banner li").mouseleave(function(){
			clearInterval(timer);
			timer = setInterval(autoplay,2000);
		});	
		//限时特卖倒计时
		var endTime = new Date("2017/06/04 00:00:00");
		setInterval(clock, 1000);
		function clock(){
			var nowTime = new Date();
			var second = parseInt((endTime.getTime() - nowTime.getTime()) / 1000);
	        var d = parseInt(second / 3600 / 24);
	        var h = parseInt(second / 3600  - d * 24)
	        var m = parseInt(second / 60 - h * 60 - d * 60 * 24 );
	        var s = parseInt(second  - m * 60 - h * 3600 - d * 3600 * 24); 
	        d < 10 ? d = "0" + d : d;
	        h < 10 ? h = "0" + h : h;
	        m < 10 ? m = "0" + m : m;
	        s < 10 ? s = "0" + s : s;
	        $(".temai_dd1").html("剩余"+ d + "天 " + h + "小时 " + m + "分钟 " + s + "秒");
		}	
	});
})
// $(function(){
// 	// //如果用户登录成功，登录注册信息将改成用户名
// 	// var _users = getCookie("registerUsers") ? getCookie("registerUsers") : "";
// 	// if(_users) {
// 	// 	$(".header_l").html("您好！"+_usename+"<span style='color:orange'>0积分</span><a href = 'javascript:;' id='out' style='color:#ec3d7c'>");
// 	// }
// 	//关闭广告banner
// 	$('<div class="close_banner"><a href="html/sasaDetail.html" target="_blank"><img src="images/close_banner.jpg"></a><div class="close_btn">×</div></div>')
// 	.insertBefore(".header")
// 	.css('height', '0')
// 	.animate({"height":90}, 1000);
// 	$(".close_btn").click(function(){
// 		$(".close_banner").css('display', 'none');
// 	});
// 	//楼梯效果
// 	$("#left ul li").each(function(index, el) {
// 		$(this).hover(function() {
// 			//鼠标滑上去
// 			$(this).css({
// 				"background": '#fa3778',
// 				"color": '#fff'
// 			});
// 		}, function() {
// 			//鼠标移开
// 			$(this).css({
// 				"background": '#fff',
// 				"color": '#aaa'
// 			});
		
// 		});
// 	});
// 	 //屏幕滚动到相应的楼层显示
// 	$(window).scroll(function() {
// 		if ($(document).scrollTop() >= 760 && $(document).scrollTop() <= 6200){ 
// 			$("#left").fadeIn(); //淡入 导航慢慢显示出来
// 			if($(document).scrollTop() >= 760&& $(document).scrollTop()<1940){
// 				$("#left li").eq(0).css({
// 					"background": '#fa3778',
// 					"color": '#fff'
// 				});
// 				$("#left li").eq(0).siblings().css({
// 				"background": '#fff',
// 				"color": '#aaa'
// 				});
// 			}else if ($(document).scrollTop() >= 1940&& $(document).scrollTop()<5570) {
// 				$("#left li").eq(1).css({
// 					"background": '#fa3778',
// 					"color": '#fff'
// 				});
// 				$("#left li").eq(1).siblings().css({
// 				"background": '#fff',
// 				"color": '#aaa'
// 				});
// 			}else if($(document).scrollTop() >= 5570&& $(document).scrollTop()<6200){
// 				$("#left li").eq(3).css({
// 					"background": '#fa3778',
// 					"color": '#fff'
// 				});
// 				$("#left li").eq(3).siblings().css({
// 				"background": '#fff',
// 				"color": '#aaa'
// 				});
// 			}
// 			//鼠标点击跳转到相应楼层
// 			$("#left li").eq(0).click(function(event) {
// 				$(document).scrollTop(790);
// 				$(".bikan").scrollTop();
// 			});
// 			$("#left li").eq(1).click(function(event) {
// 				$(document).scrollTop(1980);
// 				$(".temai").scrollTop();
// 			});
// 			$("#left li").eq(2).click(function(event) {
// 				$(document).scrollTop(0);
// 				// $(".bikan").scrollTop();
// 			});
// 			$("#left li").eq(3).click(function(event) {
// 				$(document).scrollTop(5590);
// 				$(".sale").scrollTop();
// 			});
// 		} else {
// 			$("#left").fadeOut(); //淡出 导航慢慢消失
// 		}
// 	});
// 	//轮播图
// 	lunbo();
// 	function lunbo(){
// 		$(".banner").append('<p class="bannerP"></p>');
// 		for(var i = 0; i < $(".banner li").length; i ++){
// 			$(".bannerP").append("<span>"+ (i+1)+"</span>");
// 		}
// 		var $uli = $(".banner li");
// 		var $span = $(".banner span");
// 		$uli.addClass("hide");
// 		$uli.eq(0).removeClass().addClass("show");
// 		$span.addClass("normal");
// 		$span.eq(0).removeClass().addClass("hover");
// 		$span.mouseover(function(){	
// 			var $index = $(this).index();
// 			$(this).removeClass().addClass("hover").siblings().removeClass().addClass("normal");
// 			$uli.eq($index).removeClass().addClass("show").siblings().removeClass().addClass("hide");
// 		});
// 	};
	
// 	// 定时器开始 
//     var timer = null;
//     var index = 0;
//     timer = setInterval(autoplay,2000);  // 开启定时器
//     function autoplay() {
//     	console.log(index)
//         // console.log($(".banner li").eq(index));
//         // console.log($(".banner span").eq(index));
//     	$(".banner li").eq(index).removeClass().addClass('show');
//     	$(".banner li").eq(index).siblings().removeClass().addClass('hide');
//     	$(".banner span").eq(index).removeClass().addClass('hover');
//      	$(".banner span").eq(index).siblings().removeClass().addClass('normal');
//      	index ++;
//      	if(index>9){
//        		index = 0;
//         }
        
//     }
//     //鼠标经过清除定时器
// 	$(".banner li").mouseenter(function(){
// 		clearInterval(timer);
// 	});	
// 	$(".banner li").mouseleave(function(){
// 		clearInterval(timer);
// 		timer = setInterval(autoplay,2000);
// 	});	
// 	//限时特卖倒计时
// 	var endTime = new Date("2017/06/04 00:00:00");
// 	setInterval(clock, 1000);
// 	function clock(){
// 		var nowTime = new Date();
// 		var second = parseInt((endTime.getTime() - nowTime.getTime()) / 1000);
//         var d = parseInt(second / 3600 / 24);
//         var h = parseInt(second / 3600  - d * 24)
//         var m = parseInt(second / 60 - h * 60 - d * 60 * 24 );
//         var s = parseInt(second  - m * 60 - h * 3600 - d * 3600 * 24); 
//         d < 10 ? d = "0" + d : d;
//         h < 10 ? h = "0" + h : h;
//         m < 10 ? m = "0" + m : m;
//         s < 10 ? s = "0" + s : s;
//         $(".temai_dd1").html("剩余"+ d + "天 " + h + "小时 " + m + "分钟 " + s + "秒");
// 	}	
// });